<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家用电器的分类</title>
		<style>
			body{
				width: 300px;
			}
			h2{
				font-size: 18px;
				color: white;
				text-indent: 1em;
				font-weight:bold ;
				line-height: 35px;
				background: linear-gradient(to bottom,#0467AC,#63A7D6,#B6DBF5);
				
			}
			.h3{
				font-size: 14px;
				font-weight:bold ;
				line-height: 30px;
				background: linear-gradient(to bottom,#E4F1FA,#BDDFF7,#E4F1FA);
						
			}
			.ab{
				text-decoration: none;	
				color: #0565C6;	
			}
			.ab:hover{
				text-decoration: underline;
			}
			.p{
				font-size: 12px;
				line-height: 26px;
								
			}
			.cd{
				text-decoration: none;	
				color: #666666;	
			}
			.cd:hover{
				text-decoration: underline;
				color: #F60;
			}
			li{
				list-style: none;
			}
		</style>
	</head>
	<body>
		<h2>家用电器</h2>
		<ul>
			<li class="h3"><a href="Book.html" class="ab"/>大家电</li>
			<li class="p"><a href="Book.html" class="cd"/>平板电视  洗衣机  冰箱</li>
			<li class="p"><a href="Book.html" class="cd"/>空调  烟机/灶具  热水器</li>
			<li class="p"><a href="Book.html" class="cd"/>冷柜/酒柜  消毒柜  家庭影院</li>
			<li class="h3"><a href="Book.html" class="ab"/>生活电器</li>
			<li class="p"><a href="Book.html" class="cd"/>电风扇  净化器  吸尘器</li>
			<li class="p"><a href="Book.html" class="cd"/>净水设备  挂烫机  电话机</li>
			<li class="h3"><a href="Book.html" class="ab"/>厨房电器</li>
			<li class="p"><a href="Book.html" class="cd"/>榨汁机  电压力锅  电饭煲</li>
			<li class="p"><a href="Book.html" class="cd"/>豆浆机  微波炉  电磁炉</li>
			<li class="h3"><a href="Book.html" class="ab"/>五金家装</li>
			<li class="p"><a href="Book.html" class="cd"/>淋浴/水槽  电动工具  手动工具</li>
			<li class="p"><a href="Book.html" class="cd"/>仪器仪表  浴霸/排气  灯具</li>
		</ul>
	</body>
</html>
